<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为首页面</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index2.css">
    <!-- <link rel="stylesheet" href="../css/swiper-bundle.css"> -->
</head>
<body>
    <!-- 模拟页面的吸顶部分 -->
    <div class="searchTop">
        <div class="top-banner-lef fl">
            <ul class="navul1 fl">
                <li> <a href="#">首页</a> <span class="shu">|</span></li>
                <li><a href="#">某街官网</a> <span class="shu">|</span></li>
                <li> <a href="#">花粉俱乐部</a> <span class="shu">|</span></li>
                <li><a href="#">V码（优购码）</a> <span class="shu">|</span></li>
                <li><a href="#">企业购</a> <span class="shu">|</span></li>
                <li><a href="#">Select Region</a> <span class="shu">|</span></li>
                <li class="navli1"><a href="#">更多精彩^</a> </li>
            </ul>
        </div>
        <div class="top-banner-rig ">
            <ul class="navul2 ">
                <li class="navli2"> 
                    <a href="JavaScript:;" name="login" class="btn btn-danger btn-lg" role="button">登录</a>
                    <!-- <a href="../html/login.html">请登录</a>  -->
                    <!-- <span><a href="../html/res.html"></a>注册</span> -->
                 <span class="shu">|</span></li>
                <li>
                    <a href="../html/res.html">注册</a> <span class="shu">|</span></li>
                <li> <a href="#">客户服务</a> <span class="shu">|</span></li>
                <li><a href="#">我的订单</a><span class="shu">|</span></li>
                <li><a href="../html/index.html">退出登录</a> <span class="shu">|</span></li>
                <li><a href="../html/cart.html">购物车</a> </li>
            </ul>
        </div>
    </div>
    <!-- 侧边栏导航 -->
    <div class="stairs">
        <div  class="stairs-btn active">热销单品</div>
        <div  class="stairs-btn">精品推荐</div>
        <div class="stairs-btn">裤子</div>
        <div class="stairs-btn">包包</div>
        <div class="stairs-btn">母婴</div>
        <div class="stairs-btn">家居</div>
        <div class="stairs-btn">靴子</div>
        <div class="stairs-btn">套装</div>
        <div class="stairs-btn">男人装</div>
        <div class="stairs-btn">baby</div>
        <div class="stairs-btn">食品</div>
        <div class="stairs-btn">美食酒饮</div>
        <div class="stairs-btn">饮食</div>
        <div class="stairs-btn">底部</div>
       <!-- <div class="stairs-btn">购物车</div>  -->
       <!-- <div class="stairs-btn">在线客服</div>  -->
       <!-- <div class="stairs-btn">自助服务</div>  -->
       <div class="go-back">回到顶部</div>
    </div>

    <!--顶层导航上的产品官网 -->
    <div class="top-banner">
        <!-- 5g大图 -->
        <div class="top-banner-cen">
            <img  class="banner-pic1" src="../img/moguji.png" alt="">
        </div>
    </div>

    <!-- 导航层 -->
    <div class ="nav">
         <div class="nav-cen">
            <!-- 左侧导航栏 -->
            <!-- 首页 -->
            <div class="top-banner-lef fl">
                <ul class="navul1 fl">
                    <li> <a href="#">首页</a> <span class="shu">|</span></li>
                    <li><a href="#">某街官网</a> <span class="shu">|</span></li>
                    <li> <a href="#">花粉俱乐部</a> <span class="shu">|</span></li>
                    <li><a href="#">V码（优购码）</a> <span class="shu">|</span></li>
                    <li><a href="#">企业购</a> <span class="shu">|</span></li>
                    <li><a href="#">Select Region</a> <span class="shu">|</span></li>
                    <li class="navli1"><a href="#">更多精彩^</a> </li>
                </ul>
            </div>

            <!-- 右侧导航 -->  <!-- 注册登录部分 -->
            <div class="top-banner-rig ">
                <ul class="navul2 ">
                    <li class="navli2">
                         <!-- <span style="color:blue">请登录</span> -->
                         <a href="JavaScript:;" name="login" class="btn btn-danger btn-lg" role="button">登录</a>
                        <!-- <span style="color:blue"><a href="../html/res.html"></a>登录</span> -->
                        <span class="shu">|</span>
                    </li>
                    <li> 
                        
                        <span style="color:blue">
                            <a href="./res.html" class="btn btn-danger btn-lg" role="button">注册</a>
                        </span> 
                        <span class="shu">|</span>
                    </li>
                    <li> <a href="#">客户服务</a> <span class="shu">|</span></li>
                    <li><a href="#">我的订单</a><span class="shu">|</span></li>
                    <li><a href="../html/index.html">退出登录</a> <span class="shu">|</span></li>
                    <li><a href="../html/cart.html">购物车</a> </li>
                    <!-- <li><span style="color:blue">退出登录</span> <span class="shu">|</span></li>
                    <li><span style="color:blue">购物车</span> </li> -->
                </ul>
            </div>
        </div> 
    </div>

        <!--华为商城-- 搜索栏-->
        <div class="search">
            <div class="search-cen">
                <!-- 官网产品图片 -->
                <div class="search-img">
                    <img src="../img/官网产品.png" alt="华为商城">
                </div>
                
            <!-- 华为专区 -->
            <div class="search-nav fl">
                <ul class="searchul3 fl">
                    <li class="searchul3-active">
                        <!-- <a href="#">华为专区</a> -->
                        <a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=食品酒水" role="button">美食酒水</a>
                    </li>
                    
                    <li>
                        <!-- <a href="#">莫塞尔专区</a> -->
                        <a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=童装玩具" role="button">宝宝玩具</a>
                    </li>
                    <li>
                        <!-- <a href="#">华为智慧屏</a> -->
                        <a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=家装建材" role="button">家居</a>
                    </li>
                    <li>
                        <!-- <a href="#">智能家居</a> -->
                        <a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=奶粉尿裤" role="button">母婴</a>
                    </li>
                    <li>
                        <!-- <a href="#">教育优惠</a> -->
                        <a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=其他" role="button">生活沐浴</a>
                    </li>
                </ul>
            </div>

            <!-- 搜索框 -->
            <div class="searchwer ">
                <p class="fl"><a href="#">某街新品</a></p>
                <p class="fl"><a href="#">衣服</a></p>
            </div>
        </div>      
    <!-- </div>    -->

    <!-- 导航-产品专区 -->
    <!-- 轮播图区域 -->
    <div class="lunbo">
        <!-- 背景轮播图 -->
        <div class="lunbonav-pic">
            <!-- <img src="../img/lunbo1.png" alt="轮播图"> -->
            <div class="lunbonav-clear">
                <!-- <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="../img/lunbo1.png"></div>
                        <div class="swiper-slide"><img src="../img/lunbo2.jpg"></div>
                        <div class="swiper-slide"><img src="../img/lunbo3.jpg"></div>
                        <div class="swiper-slide"><img src="../img/lunbo4.jpg"></div>
                        <div class="swiper-slide"><img src="../img/lunbo5.jpg"></div>
                        
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-scrollbar"></div>
                </div> -->
            
                <ul class="clear" ></ul>
                    <!-- <li ><img src="../img/lunbo1.png"></li>
                    <li ><img src="../img/lunbo2 (1).jpg"></li>
                    <li ><img src="../img/lunbo3 (2).jpg"></li>
                    <li ><img src="../img/lunbo4.jpg"></li>
                    <li ><img src="../img/lunbo5.jpg"></li> -->
                
                 <ol class="clearol "> </ol>
                   <!-- <li class="active"></li>
                    <li ></li>
                    <li ></li>
                    <li ></li>
                    <li ></li> -->
               
                <div class="button">
                    <button class="lunbonav-button1" name="left">&lt;</button>
                    <button  class="lunbonav-button2" name="right">&gt;</button>
                </div> 
            </div>
            
              
        
           
        </div>
        <!-- 版心+左侧导航 -->
         <!-- <div class="lunbo-cen">  -->
            <!-- 版心 -->
        <div class="lunbo-cen"> 
             <!-- 左侧导航 -->
            <div class="lunbo-lef">
                <ul>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">手机<span>></span></a>
                        </div>
                        
                        <div class="lunbonav-list">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                            </ul>
                        </div>

                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">裤子<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>

                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">包包<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">母婴<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">美食酒水<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">饮食<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">套装<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">靴子<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">家居<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">美食酒饮<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="lunbonav-lef">
                        <div class="lunbonav-kind">
                            <a href="#">增值服务&企业商用<span>></span></a>
                        </div>
                        <div class="lunbonav-list ">
                            <ul>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei nova 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei p 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei 畅享 系列</a></li>
                                <li class="lunbonav-item"><a href="#">huawei mate 系列</a></li>
                                <li class="lunbonav-item"><a href="#"><div>查看全部</div></a></li>
                                
                            </ul>
                        </div>
                    </li>

                </ul>
            </div>
            <!--底层注册--> 
            <div class="lunbo-bot">
                <!--左侧注册  -->
                <div class="lunbo-bot-login">
                    <p class="lunbo-bot-login1 fl"><a href="#">注册</a></p>
                        
                    <p class="lunbo-bot-login2 fl"><a href="#">登录</a></p>
                </div>
                 <!--中间项目  -->
                 <div class="lunbo-bot-cen">

                 </div>
                  <!--右侧公告  -->
                  <div  class="lunbo-bot-rig">

                  </div>
            </div>
        </div>
    </div>
    <!-- 注册下的具体商品 -->
    <div class="picc">
        <div class="picc-cen">
            <!-- 注册下的4个图片 --> 
            <div class="lunbomate1">
                <ul>
                    <li><a href="#"><img src="../img/nv1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../img/nv1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../img/nv1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../img/nv1.jpg" alt=""></a></li>
                </ul>
            </div>
            <!--热销单品 -->
            <div class="hot content">
                <h2 class="hot-pro">热销单品</h2>
                <!-- 热销单品 -->
                <div class="hot-cen">
                        <div class="hot-lef">
                            <img src="../img/nv2.jpg" alt="">
                        </div>
                        <div class="hot-rig">
                            <ul class="hot-rig1">
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <!-- <a href="../html/fangdajing.html"><img src="../img/fangdapic1 (2).png" alt="新品上市"></a> -->
                                    <img src="../img/nv3.jpg" alt="新品上市">
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <a href="../html/list.html"><img src="../img/nv4.jpg" alt="新品上市"></a>
                                    <!-- <img src="../img/erji.png" alt="新品上市"> -->
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <img src="../img/nv4.jpg" alt="新品上市">
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <img src="../img/nv4.jpg" alt="新品上市">
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <img src="../img/nv4.jpg" alt="新品上市">
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <img src="../img/nv4.jpg" alt="新品上市">
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <img src="../img/nv4.jpg" alt="新品上市">
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                                <li class="hot-rig1li">
                                    <h3 class="hot-xinpin">新品上市</h3>
                                    <img src="../img/nv4.jpg" alt="新品上市">
                                    <p class="hot-rig1lip1">FreeBudi 4I</p>
                                    <p class="hot-rig1lip2">享3期免息</p>
                                    <p class="hot-rig1lip3"> $499</p>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <!--精品推荐 -->
            <div class="recommend content">
                <h3 class="recommend-tit">精品推荐</h3>
                <div class="recommend-items">
                   <ul>
                        <li class="recommend-grid">
                            <a href="#">
                                <div class="recommend-info">
                                    <p class="recommend-inpro">../img/nv5.jpg/p>
                                    <img src="../img/nv5.jpg" alt="华为智选">
                                
                                    <p class="recommend-desc">
                                        美美哒
                                    </p>
                                </div>
                                <p class="recommend-tittle">穿上她，你就是女神</p>
                                <p class="recommend-price">$699</p>
                            </a>
                        </li>
                        <li class="recommend-grid">
                            <a href="#">
                                <div class="recommend-info">
                                    <p class="recommend-inpro">../img/nv5.jpg/p>
                                    <img src="../img/nv5.jpg" alt="华为智选">
                                
                                    <p class="recommend-desc">
                                        美美哒
                                    </p>
                                </div>
                                <p class="recommend-tittle">穿上她，你就是女神</p>
                                <p class="recommend-price">$699</p>
                            </a>
                        </li>
                        <li class="recommend-grid">
                            <a href="#">
                                <div class="recommend-info">
                                    <p class="recommend-inpro">../img/nv5.jpg/p>
                                    <img src="../img/nv5.jpg" alt="华为智选">
                                
                                    <p class="recommend-desc">
                                        美美哒
                                    </p>
                                </div>
                                <p class="recommend-tittle">穿上她，你就是女神</p>
                                <p class="recommend-price">$699</p>
                            </a>
                        </li>
                        <li class="recommend-grid">
                            <a href="#">
                                <div class="recommend-info">
                                    <p class="recommend-inpro">../img/nv5.jpg/p>
                                    <img src="../img/nv5.jpg" alt="华为智选">
                                
                                    <p class="recommend-desc">
                                        美美哒
                                    </p>
                                </div>
                                <p class="recommend-tittle">穿上她，你就是女神</p>
                                <p class="recommend-price">$699</p>
                            </a>
                        </li>
                        <li class="recommend-grid">
                            <a href="#">
                                <div class="recommend-info">
                                    <p class="recommend-inpro">../img/nv5.jpg/p>
                                    <img src="../img/nv5.jpg" alt="华为智选">
                                
                                    <p class="recommend-desc">
                                        美美哒
                                    </p>
                                </div>
                                <p class="recommend-tittle">穿上她，你就是女神</p>
                                <p class="recommend-price">$699</p>
                            </a>
                        </li>
                   </ul>
                </div>
            </div>

            <!--中部轮播图 -->
            <div class="mid-lunbo">
                <div>
                    <a href="#"> <img src="../img/xiaolunbo.jpg" alt=""></a>
                </div>





            </div>


            <!--中部轮播图下的产品区 -->
            <!-- 标题 -->
            <!-- 手机展示 -->
            <div class="phone content">
                <div class="phone-title">
                    <h3 class="phone-tit">裤子</h3>
                    <div class="phone-nav">
                        <ul>
                            <li  class="phone-navli">
                                <a href="#">Huawei mate 裤子</a>
                            </li>
                            <li  class="phone-navli">
                                <a href="#">Huawei mate 裤子</a>
                            </li>
                            <li  class="phone-navli">
                                <a href="#">Huawei mate 裤子</a>
                            </li>
                            <li  class="phone-navli">
                                <a href="#">Huawei mate 裤子</a>
                            </li>
                            <li  class="phone-navli phoneli">
                                <a href="#">Huawei mate 裤子</a>
                            </li>
                        </ul>
                    </div>
                    <div class="phone-more">查看更多></div>
                </div>

                <!-- 手机展示 -->
                <div class="phone-items">
                    <ul>
                        <li  class="phone-info1">
                            <a href="#">
                                <img src="../img/nv4.jpg" alt="">
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/nv6.jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    某街帅炸
                                </p>
                                <p class="phone-desc">
                                   22.5w好评
                                </p>
                                <p class="phoneprice">
                                    ￥199
                                </p>
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/nv6.jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    某街帅炸
                                </p>
                                <p class="phone-desc">
                                   22.5w好评
                                </p>
                                <p class="phoneprice">
                                    ￥199
                                </p>
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/nv6.jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    某街帅炸
                                </p>
                                <p class="phone-desc">
                                   22.5w好评
                                </p>
                                <p class="phoneprice">
                                    ￥199
                                </p>
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/nv6.jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    某街帅炸
                                </p>
                                <p class="phone-desc">
                                   22.5w好评
                                </p>
                                <p class="phoneprice">
                                    ￥199
                                </p>
                            </a>
                        </li>
                       
                       
                        
                    </ul>
                </div>
            </div>

            <!-- 智能穿戴 -->
            <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit"> 包包</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">链条包</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">背包</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">双肩包</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">斜挎包</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">lv</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/bao (1).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/bao (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                  精款2350
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>     
                <div class="dress-watch">
                    <ul>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某v同款</p>
                                    <img src="../img/bao (2).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                    美丽动人 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">lv4</p>
                                <p class="dresswatch-price">$1990</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某v同款</p>
                                    <img src="../img/bao (2).jpg " alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                    美丽动人 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">lv4</p>
                                <p class="dresswatch-price">$1990</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某v同款</p>
                                    <img src="../img/bao (2).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                    美丽动人 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">lv4</p>
                                <p class="dresswatch-price">$1990</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某v同款</p>
                                    <img src="../img/bao1 (2).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                    美丽动人 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">lv4</p>
                                <p class="dresswatch-price">$1990</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某v同款</p>
                                    <img src="../img/bao1 (2).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                    美丽动人 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">lv4</p>
                                <p class="dresswatch-price">$1990</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某v同款</p>
                                    <img src="../img/bao1 (2).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                    美丽动人 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">lv4</p>
                                <p class="dresswatch-price">$1990</p>
                            </a>
                        </li>
                        
                    </ul>      
                        
                </div>       
            </div>

            <!--耳机 音箱眼镜 -->
            <div class="phone content">
                <div class="phone-title">
                    <h3 class="phone-tit">母婴</h3>
                    <div class="phone-nav">
                        <ul>
                            <li  class="phone-navli2">
                                <a href="#">纸尿裤</a>
                            </li>
                            <li  class="phone-navli2">
                                <a href="#">童装</a>
                            </li>
                            <li  class="phone-navli2">
                                <a href="#">洗护</a>
                            </li>
                            <li  class="phone-navli2">
                                <a href="#">奶粉</a>
                            </li>
                            <li  class="phone-navli2 phoneli">
                                <a href="#">童鞋</a>
                            </li>
                            
                        </ul>
                    </div>
                    <div class="phone-more">查看更多></div>
                </div>

                <!-- 音箱眼镜 -->
                <div class="phone-items">
                    <ul>
                        <li  class="phone-info1">
                            <a href="#">
                                <img src="../img/muying (1).jpg" alt="">
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/muying (2).jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    宝宝畅享20 SE
                                </p>
                                <p class="phone-desc">
                                   超级舒适
                                </p>
                                <p class="phoneprice">
                                    ￥99
                                </p>
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/muying (2).jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    宝宝畅享20 SE
                                </p>
                                <p class="phone-desc">
                                   超级舒适
                                </p>
                                <p class="phoneprice">
                                    ￥99
                                </p>
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/muying (2).jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    宝宝畅享20 SE
                                </p>
                                <p class="phone-desc">
                                   超级舒适
                                </p>
                                <p class="phoneprice">
                                    ￥99
                                </p>
                            </a>
                        </li>
                        <li  class="phone-info2">
                            <a href="#">
                                <div class="phone-fo">
                                    <img src="../img/muying (2).jpg" alt="">
                                </div>
                                <p class="phone-destit">
                                    宝宝畅享20 SE
                                </p>
                                <p class="phone-desc">
                                   超级舒适
                                </p>
                                <p class="phoneprice">
                                    ￥99
                                </p>
                            </a>
                        </li>
                       
                       
                        
                    </ul>
                </div>
                <div class="dress-watch">
                    <ul>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某街智选</p>
                                    <img src="../img/muying (3).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                        舒适健康 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">女装4</p>
                                <p class="dresswatch-price">$199</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某街智选</p>
                                    <img src="../img/muying (3).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                        舒适健康 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">女装4</p>
                                <p class="dresswatch-price">$199</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某街智选</p>
                                    <img src="../img/muying (3).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                        舒适健康 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">女装4</p>
                                <p class="dresswatch-price">$199</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某街智选</p>
                                    <img src="../img/muying (3).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                        舒适健康 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">女装4</p>
                                <p class="dresswatch-price">$199</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某街智选</p>
                                    <img src="../img/muying (3).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                        舒适健康 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">女装4</p>
                                <p class="dresswatch-price">$199</p>
                            </a>
                        </li>
                        <li class="dresswatch-grid">
                            <a href="#">
                                <div class="dresswatch-info">
                                    <p class="dresswatch-inpro">某街智选</p>
                                    <img src="../img/muying (3).jpg" alt="华为智选">
                                
                                    <p class="dresswatch-desc">
                                        舒适健康 热销爆款
                                    </p>
                                </div>
                                <p class="dresswatch-tittle">女装4</p>
                                <p class="dresswatch-price">$199</p>
                            </a>
                        </li>
                        
                    </ul>      
                        
                </div>
            </div>

            <!-- 智能屏-->
            <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit"> 家居</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">床上用品</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">i香薰</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">花</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">生活用品</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">家纺</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/jiajv (1).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/jiajv (7).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   水梦魔 公主床
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>
                
                
               
                           
            </div>

            <!-- 笔记本-->
            <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit"> 靴子</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">长筒靴</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">马丁靴</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">高腰靴</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">帅气</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">Hvr</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/xuezi (1).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/xuezi (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>
                
                
               
                           
            </div>

             <!-- 精品平板-->
             <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit">套装</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">运动套装</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">亲子套装</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">运动套装</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">运动套装</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">Hvr</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/taozhuang (1).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/taozhuang (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>
            
                           
            </div>

            <!-- 智能路由-->
            <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit">男人装</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">上衣</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">裤子</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">外套</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">鞋</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">Hvr</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/nanzhuang (1).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/nanzhuang (1).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>
                

                           
            </div>
            
            <!-- 智慧生活-->
            <div class="mid-int-lunbo">
                <div>
                    <a href="#"> <img src="../img/zhihui.jpg " alt=""></a>
                </div>
            </div>

            <!-- 通用配件 -->
            <div class="dress  content">
                <div class="dress-cen">
                    <p class="dress-tit">baby</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">智能手表</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">儿童手表</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">智能手环</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">智能体脂秤</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">Hvr</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/baby (2).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/baby (3).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>
                

                           
            </div>


            <!-- 生态精品 -->
            <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit">食品</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">螺狮粉</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">零食</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">糖果</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">果冻</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">Hvr</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/shipin (1).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/shipin (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>
          
            </div>

            <!-- 美食酒饮 -->
            <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit">美食酒饮</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">智能手表</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">儿童手表</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">智能手环</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">智能体脂秤</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">Hvr</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/hongjiu1.jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/hongjiu2.png" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                        

                    </ul>
                </div>
                

                           
            </div>

            <!-- 精选配件 -->
            <div class="dress content">
                <div class="dress-cen">
                    <p class="dress-tit">饮食</p>
                    <div class="dress-nav">
                        <ul>
                            <li  class="dress-navli">
                                <a href="#">智能手表</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">儿童手表</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">智能手环</a>
                            </li>
                            <li  class="dress-navli">
                                <a href="#">智能体脂秤</a>
                            </li>
                            <li  class="dress-navli dressli">
                                <a href="#">Hvr</a>
                            </li>
                        </ul>
                    </div>
                    <div class="dress-more">查看更多></div>
                </div>
                <div class="dress-pic">
                    <ul>
                        <li class="dress-ulli1">
                            <a href="#"><img src="../img/cha (1).jpg" alt=""></a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        <li class="dress-ulli2">
                            <a href="#">
                                <div class="dress-fo">
                                    <img src="../img/cha (2).jpg" alt="">
                                </div>
                                <p class="dress-destit">
                                   WATCH GT 2 PRO
                                </p>
                                <p class="dress-desc">
                                   10:08限时开售
                                </p>
                                <p class="dressprice">
                                    ￥2688
                                </p>
                            </a>
                        </li>
                        
                    </ul>
                </div>
                 
            </div>

            <!-- 底部 -->
            <div class="bot-pro content">
                <div>
                   我是底部
                </div>
            </div>
        </div>  

    </div>
          
    
    
    
    <script src="../js/jQuery1.js"></script>
    <script src="../js/follornav.js"> </script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/lunbo.js"></script>
    <script src="../js/tools.js"></script>
    <!-- <script src="dist/js/swiper-bundle.min.js"></script> -->
<!-- 轮播图 -->
    <script>
        var bannerArr = [
            {name:'图片1',type:'png',width:1950,height:550,size: '70.9kb',url:'../img/lunbo1.png'},
            {name:'图片2',type:'jpg',width:1950,height:550,size: '62kb',url:'../img/lunbo2.jpg'},
            {name:'图片3',type:'jpg',width:1950,height:550,size: '465kb',url:'../img/lunbo3.jpg'},
            {name:'图片4',type:'jpg',width:1950,height:550,size: '254kb',url:'../img/lunbo4.jpg'},
            {name:'图片5',type:'jpg',width:1950,height:550,size: '229kb',url:'../img/lunbo5.jpg'},
        ];
            const oBanner = document.querySelector('.lunbonav-clear');
            const bannerObj = new setBanner( oBanner , bannerArr );
            bannerObj.init();
    </script>
    <!-- 首页 -->
    <script>
        // 1, 给 退出登录 添加点击事件
        $('[name="logout"]').click(function(){
        // 设定 登录cookie 时效为负数
        // 除了 时效 和 键值 键名 和 路径 最好与原始cookie设定相同
        // 如果 路径作用域不同 浏览器会认为是 两个 cookie 无法删除原始cookie
        mySetCookie('login' , 1 , -1 , '/');
        })

        // 2, 给 购物车 添加点击事件
        $('[name="cart"]').click(function(){
        // 获取cookie 键值对字符串 转化的对象
        // 如果 有 login 对象中有 键值对 对象.login 可以获取对应的 数值
        // 如果 没有 login 对象中没有有 键值对 对象.login 结果是undefined
        const cookieObj = myGetCookie();

        if( cookieObj.login === undefined ){
            // 没有 login 没有登录 提示登录
            
            // 弹出提示框 如果确定,在跳转登陆页面
            let bool = window.confirm('您还没有登录,点确定跳转登录页面');

            if(bool){
            window.location.href = './login.html';
            }
        }else{
            // 有 login 已经登录 跳转购物车页面
            window.location.href = './cart.html';
        }

        })
        console.log($('[name="login"]'));
        // 3, 给 登录 按钮添加点击事件
        $('[name="login"]').click( function(){
        window.location.href = `./login.html?url=${window.encodeURIComponent( window.location.href )}`;
        })
    </script>
    <!-- 登录 -->
    <script>
        // 1, 获取 localStorage 中的 login
        // 如果 没有 login 这个键名 获取的结果是 null
        // 如果   有 login 这个键名 获取的结果是 json字符串
        let str = localStorage.getItem( 'login' );
        
        // 当 获取结果 不是 null 有内容的时候,写入账号密码
        if(str !== null){ 
        const obj = JSON.parse( str );
        // 将对象中 存储的数据 写入 两个input标签
        $('[name="userName"]').val( obj.userName );
        $('[name="userPwd"]').val( obj.userPwd );
        }

        // 2, 给 登录添加添加点击事件
        $('[type="submit"]').click(function(){

        // 获取两个 input标签的数据
        // 要做 账号 密码 格式长度内容的验证

        // 向 后端PHP文件发送请求
        $.ajax({
            url: '../server/goods_login.php',
            type: 'post',
            data: {userName: $('[name="userName"]').val(), userPwd: $('[name="userPwd"]').val()},
            dataType: 'json',
            success: res=>{
            if(res.result === 1){
                // 登录成功
                // 1, 获取当前页面 url地址栏中的数据信息
                const urlObj = getUrlVal();

                // 登录成功的提示信息
                $('h2').html('登录成功,5秒后跳转来的时候的页面');

                // 设定cookie
                mySetCookie( 'login' , 1 , 7*24*60*60 , '/' );

                // 5秒跳转效果
                let time = 5;
                setInterval(() => {
                time--;
                if(time === 0){
                    // 根据来的页面携带的参数 跳转回 来的时候的页面
                    // window.location.href = `${urlObj.url}`;

                    // 如果确定是 一个窗口 只跳转了一次 可以使用历史记录
                    // window.history.back();
                    window.history.go(-1);

                    return false;
                }

                $('h2').html(`登录成功,${time}秒后跳转来的时候的页面`);

                }, 1000);
            }

            if(res.result === 0){
                // 登录失败
                $('h2').html(`账号或者密码 不匹配 登录失败`);
            }
            }
        })

        // 阻止默认事件的执行
        return false;


        })

    </script>
  



</body>
</html>